<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>transition</title>
    <style>
      /* 样式优先级 
        !important> style属性值() > class
      */
      @import url("./imgs/foo.css");
      .item1 {
        border-radius: 40px !important;
        background-color: burlywood;
        width: 100px;
        height: 100px !important;
        /* transition-property: width backgroud-color; */
        transition-property: all;
        transition-duration: 3s;
        /* transition-delay: 2s;
        transition-timing-function: ease-in-out; */

      }
     
    </style>
    <link href="imgs/foo.css" rel="stylesheet"/>
  </head>
  <body>
    <div class="item" 
    style="border-radius: 15px;
    border: solid 2px red;"></div>
  </body>
</html>
